﻿//----- this section animate the menus ---------------- 

$(document).ready(function(){ 


	  $('.menu').mouseover(function(){
	    $(this).addClass('selected_menu');
	  });
	  $('.menu').mouseout(function(){
	    $(this).removeClass('selected_menu');
	  });
	
	
	  $('.category_menu').hover(function(){
	  //  $(this).addClass('selected_menu');
	     $(this).animate({paddingLeft: '+=20px'}, 200);
	  }, function(){
	    $(this).animate({paddingLeft: '-=20px'}, 200);
	  });
	 
  
      // here I handle the event for the page countin
      
      $('.page_holder').click(function() {
      
      var astring =$(this).attr('title');
  	 alert(astring);
	});
  
    

}); // document ready

